@charset "utf-8";body,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,html,img,legend,li,ol,p,ul{margin:0;padding:0}
button,fieldset,img,input{border:none;padding:0;margin:0;outline-style:none}
ol,ul{list-style:none}
input{padding-top:0;padding-bottom:0}
input,select{vertical-align:middle}
input,select,textarea{font-size:12px;margin:0}
textarea{resize:none}
img{border:0;vertical-align:middle}
table{border-collapse:collapse;width:100%}
body,button,input,select,textarea{font:14px/30px "Microsoft Yahei","微软雅黑","Arial","Helvetica","SimHei","黑体","STXihei","华文细黑",sans-serif; }
.clearfix:after,.clearfix:before{content:"";display:table}
.clearfix:after{clear:both}
a{color:#b3b3b3;text-decoration:none;outline:none;}
a:hover{color:#005b9e;}
em,i,s{font-style:normal;text-decoration:none}
.col-red{color:#005b9e!important}
.w{width:1210px;margin:0 auto}
.fl{float:left}
.fr{float:right}
.al{text-align:left}
.ac{text-align:center}
.ar{text-align:right}
.hide{display:none}
.clear{clear:both}
#bbj-app{padding-top:100px}
header{background-color:#fff;width:100%;position:fixed;top:0;z-index:999;box-shadow:0 4px 6px 2px rgba(15,41,131,.1)}
header .header .logo{display:inline-flex;justify-content:flex-start;align-items:center;padding-top:5px;height:40px;vertical-align:top}
header .header .logo img{display:inline-block;margin-right:14px;height:50px}
header .header .logo span{display:inline-block;font-size:14px;color:#000;width:auto}
.header nav .nav>li{float:left;height:44px;padding:20px 20px 0 20px;text-align:center}
.header nav .nav>li>a{display:inline-block;padding-bottom:5px;font-family:Microsoft YaHei,serif;color:#2b2b2b;font-size:16px}
.header nav .nav>li>a.on{border-bottom:5px solid #005b9e}
.header .right-box .top{height:30px;line-height:30px;text-align:right}
.header .right-box .top p{display:inline-block;margin-left:10px}
.header .right-box .top p span a:hover,.header .searcher-cart .head-cart a:hover{color:#005b9e}
.header .info-login span{min-width:35px;margin:0 5px}
.header .right-box .el-dropdown{font-size:12px}
.header-lang-list li{font-size:12px}
.header .searcher-cart{padding-top:8px}
.header .searcher-cart .searcher{text-align:center;word-spacing:0;display:inline-block}
.header .searcher .el-input-group__append{background:#005b9e;border:0;color:#fff}
.header .searcher-cart .searcher input{width:240px;padding-left:22px;color:#333;display:inline-block;vertical-align:middle;border:1px solid #da271f}
.header .searcher-cart .head-cart{display:inline-block;width:100px;text-align:right}
.header .searcher-cart .searcher input:focus{border-color:red}
.header ul.nav>li:hover .nav-hover-bg{display:block}
.nav-hover-bg{display:none;top:80px;position:absolute;z-index:1000;width:100%;left:0;right:0;max-width:1150px;margin:0 auto;padding:0;border:0;vertical-align:baseline;text-align:left;-webkit-tap-highlight-color:transparent}
.nav-hover-bg .hover-wrapper{position:relative}
.nav-hover-bg .hover-wrapper .outer{position:absolute;top:-11px;width:0;height:0;line-height:0;font-size:0;border-width:6px;border-style:dashed dashed solid dashed;border-color:transparent transparent #bcbcbc transparent}
.nav-hover-bg .pro-group-hover .inner,.nav-hover-bg .pro-group-hover .outer{right:83.5%}
.nav-hover-bg .aboutus-hover .inner,.nav-hover-bg .aboutus-hover .outer{right:56.5%}
.nav-hover-bg .aboutus-hover.en-hover .inner,.nav-hover-bg .aboutus-hover.en-hover .outer{right:64.5%}
.nav-hover-bg .hover-wrapper .inner{position:absolute;top:-10px;width:0;height:0;line-height:0;font-size:0;border-width:6px;border-style:dashed dashed solid dashed;border-color:transparent transparent #fff transparent}
.nav-hover-bg ul{display:inline-block;padding:24px 24px 12px;font-size:0;box-sizing:border-box;background:#fff;box-shadow:6px 6px 10px 0 rgba(0,0,0,.5);max-height:550px;width:1150px;overflow:auto;border:1px solid #f0f0f0}
.nav-hover-bg ul>li{width:240px;list-style:none;font-size:12px;color:#aaacb0;display:inline-block;vertical-align:top;padding-left:30px}
.nav-hover-bg ul li>h4{text-decoration:none;font-weight:400;font-size:14px;border-bottom:1px solid #f0f0f0;padding:0 10px 10px;color:#666}
.nav-hover-bg ul li>h4 a{font-size:14px}
.nav-hover-bg ul li ol{padding-top:8px;list-style:none}
.nav-hover-bg ul>li ol li{position:relative}
.nav-hover-bg ul li ol li:hover{background-color:#f5f5f5}
.nav-hover-bg ul>li ol li a{display:block;line-height:35px;border-bottom:1px solid #f0f0f0;padding-left:8px}
.nav-hover-bg ul>li ol li a i{float:right;color:#005b9e}
.nav-hover-bg .aboutus-hover ul>li ol li:last-child a{border-bottom:none}
.nav-hover-bg ul li ol li a img{max-width:100px}
.nav-hover-bg .pro-group-hover li>h4{margin-right:18px}
.nav-hover-bg .pro-group-hover li{width:40%}
.nav-hover-bg .pro-group-hover li ol{width:100%}
.nav-hover-bg .pro-group-hover li ol li{float:left;width:200px;height:42px;margin-right:20px}
.nav-hover-bg .pro-group-hover li ol li a{margin-right:13px;display:inline-block;vertical-align:middle;padding:0;width:100%;height:100%}
.nav-hover-bg .pro-group-hover li ol li a img{max-height:40px}
.nav-hover-bg .pro-group-hover li ol li a p{line-height:42px;padding-left:8px}
.nav-hover-bg .pro-group-hover .all-item{line-height:40px;padding-left:8px}
footer{background:#333}
.footer .footer-top{padding:30px 0;width:1200px;margin:0 auto;display:flex;justify-content:space-between}
@media (min-width:1000px) and (max-width:1200px){.footer .footer-top{width:960px;box-sizing:border-box}
}
.footer .footerItem:first-child img{margin-bottom:8px;margin-top:-5px}
.footer .footerItem:first-child a:hover{color:#ffffff}
.footer .footerItem:last-child img{margin-top:3px}
.footer .footerItem .subscription{border-top:none;padding:15px 0;background:0 0}
.footer .footerItem .subscription .el-input-group__append{background:#005b9e;border:none;color:#fff}
.footer .footerItem .social-share .social-share-icon{margin-bottom:10px}
.footer .footerItem p.title{color:#fff;line-height:24px;margin:0 0 12px;text-align:left;font-size:14px;font-weight:700}
.footer .footerItem li a{color:#b3b3b3;line-height:24px}
.footer .footerItem li a:hover{color:#ffffff;}
.footer .footerItem>img{width:120px;height:40px}
.footer .footerItem>p{color:#fff;line-height:24px}
.footer .footerItem>p i{display:inline-block;margin:10px 9px 18px 0;font-size:32px}
.footer .footerItem>p span.phone-b{font-size:21px}
.footer .footerItem ul.qr-code{display:flex}
.footer .footerItem ul.qr-code li{position:relative}
.footer .footerItem ul.qr-code li i{display:inline-block;margin-right:16px;width:32px;height:32px;font-size:22px;color:#fff}
.footer .footerItem ul.qr-code li .qr-img{position:absolute;top:0;left:0;width:0;height:0;overflow:hidden}
.footer .footerItem ul.qr-code li:hover .qr-img{position:absolute;top:-156px;left:0;width:132px;height:156px;background-color:#fff}
.footer .footerItem ul.qr-code li:hover .qr-img img{display:block;width:132px;height:132px}
.footer .footerItem ul.qr-code li:hover .qr-img p{text-align:center}
.footer .footer-bottom{background:#181818;text-align:center}
.footer .footer-bottom .row{display:flex;justify-content:center}
.footer .footer-bottom .help-center{height:40px;line-height:40px;background-color:#282828}
.footer .footer-bottom ul.row{margin:0 auto;width:1200px;justify-content:flex-start;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (min-width:1000px) and (max-width:1200px){.footer .footer-bottom ul.row{width:960px;box-sizing:border-box}
}
.footer .footer-bottom ul.row li{margin-right:30px;height:40px}
.footer .footer-bottom ul.row li:first-child a{margin-right:43px;font-size:14px;font-weight:700;color:#fff}
.footer .footer-bottom ul.row li:first-child a>i{font-size:14px}
.footer .footer-bottom ul.row li a{font-size:13px;color:#fff}
.footer .footer-bottom p{padding-left:20px;height:40px;line-height:40px;color:#fff;text-align:center}
.footer .footer-bottom img{display:block}
.footer .footer-bottom p a{color:#fff;padding:0 10px;cursor:pointer}
#cnzz_stat_icon_1261745636{transform:translate(-50%,0);left:80%;bottom:10px;position:absolute}
.activity-buoy{display:block;position:fixed;left:10px;bottom:260px;z-index:20;width:160px;padding:10px}
.activity-buoy img{width:100%}
.activity-buoy:hover{background-color:rgba(0,0,0,.4)}
.activity-buoy span{display:none;position:absolute;right:5px;top:5px;width:36px;height:36px;text-align:center;line-height:36px}
.activity-buoy:hover span{display:block;position:absolute;top:0;right:0}
.activity-buoy:hover span i{font-size:24px;color:#fff}
.container{width:1200px;margin:0 auto;font-size:12px}
.c-1400{width:1200px;margin:0 auto;font-size:12px}
.container table{font-size:12px}

input:-moz-placeholder,textarea:-moz-placeholder{color:#666;font-size:12px}
input::-moz-placeholder,textarea::-moz-placeholder{color:#666;font-size:12px}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#666;font-size:12px}
.floating-toolbar{position:fixed;right:10px;bottom:150px;background-color:transparent;z-index:20}
.floating-toolbar>li{position:relative;z-index:2;background-color:#fff}
.floating-toolbar>li:first-child{background-color:#e60012;color:#fff}
.floating-toolbar>li:nth-child(2){background-color:#262626;color:#fff}
.floating-toolbar>li:nth-child(3){background-color:#e60012;color:#fff}
.floating-toolbar>li:last-child{position:absolute;left:0;bottom:-54px;background-color:#fff;box-shadow:0 0 6px #adadad}
.floating-toolbar>li:first-child a{color:#fff}
.floating-toolbar>li:first-child a:hover{color:#fff}
.floating-toolbar>li:last-child a:hover{text-decoration:none}
.floating-toolbar>li i{display:block;width:48px;height:48px;text-align:center;font-size:32px;line-height:48px}
.floating-toolbar>li .toolbar-show-view{position:absolute;top:-6px;right:42px;z-index:3;width:270px;height:0;opacity:0;overflow:hidden}
.floating-toolbar>li .toolbar-show-view ul{width:266px;background-color:#fff;box-shadow:0 0 6px #adadad}
.floating-toolbar>li .toolbar-show-view:hover,.floating-toolbar>li:hover .toolbar-show-view{width:270px;height:auto;padding:6px;color:#000;overflow:visible;opacity:1;-webkit-transition:opacity .6s cubic-bezier(.4,0,.2,1);transition:opacity .6s cubic-bezier(.4,0,.2,1)}
.floating-toolbar>li .toolbar-show-view>ul>li a{display:flex;align-items:center;color:#000}
.floating-toolbar>li .toolbar-show-view>ul>li a.social-share-icon{display:inline-block;align-items:center;color:#000}
.floating-toolbar>li .toolbar-show-view>ul>li a:hover{color:#005b9e;text-decoration:none}
.floating-toolbar>li .toolbar-show-view>ul>li{display:flex;align-items:center;height:72px;cursor:pointer}
.floating-toolbar>li .toolbar-show-view>ul>li i{display:block;width:62px;height:62px;font-size:32px;text-align:center;color:#005b9e}
.floating-toolbar>li .toolbar-show-view>ul>li p{width:204px;font-size:14px}
.floating-toolbar>li .toolbar-show-view>ul>li p:first-child{font-size:16px}
.floating-toolbar>li .toolbar-show-view>ul>li:hover{background-color:#eee;color:#005b9e}
.floating-toolbar>li .toolbar-show-view>ul>li .copy-link,.floating-toolbar>li .toolbar-show-view>ul>li .row{display:flex}
.floating-toolbar>li .toolbar-show-view>ul>li .share{box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:5px 10px;width:100%;height:100%}
.share-link-popover button.copy-link-bt{background-color:#005b9e;color:#fff}
div.footer>div.footerCenter:nth-child(2) ul:nth-child(2) li.title{width:124%}
div.footer>div.footerCenter>ul.aboutUs>li:last-child{width:124%}
.rightIco .rightIco1>a{display:none}
.rightIco.rightIcoEn .rightIco1>a{display:block}
[v-cloak]{display:none!important}
.floating-toolbar>li.rightIco-share div.floating-share-box{position:absolute;top:0;right:40px;width:0;height:0;padding:10px 0;background:#333;overflow:hidden;box-sizing:border-box;transition:all .5s}
.floating-share-box .copy-link{margin-bottom:10px;display:flex}
.floating-share-box .social-share{transition:all 1s}
.el-input input:focus{border-color:#005b9e}
.el-radio__input.is-checked+.el-radio__label{color:#005b9e}
.el-radio__input.is-checked .el-radio__inner{border-color:#005b9e;background:#005b9e}
.el-form-item__label{font-size:12px;color:#000}
.el-form-item__content{font-size:12px;color:#000}
.el-input{font-size:12px;color:#000}
.el-checkbox__input.is-checked+.el-checkbox__label{color:#005b9e}
.el-checkbox__input.is-checked .el-checkbox__inner,.el-checkbox__input.is-indeterminate .el-checkbox__inner{border-color:#005b9e;background:#005b9e}
.el-button{font-size:12px}
.el-select-dropdown__item{font-size:12px}
.el-radio__label{font-size:12px}
.el-checkbox__label{font-size:12px}
.el-dialog__header{border-bottom:1px solid #ebebeb;text-align:left;padding:15px}
.img-preview-dialog .el-dialog__header{padding:0}
.el-dialog__title{font-size:14px;color:#000}
.el-dialog__headerbtn{top:15px;right:15px}
.el-popover__title{color:#005b9e;font-size:12px;text-align:center}
.el-popover li{line-height:32px;font-size:12px}
.el-popover .el-button{border:none;background:#fff;color:#005b9e}
.breadcrumb{max-width:1200px;margin:0 auto;padding:0 16px 0 16px;background:#fff;line-height:50px;font-size:12px;color:#000002}
.breadcrumb span:last-of-type{color:#005b9e;font-weight:700}
.breadcrumb .breadcrumb-item a{color:#000002}
.breadcrumb .right-content{color:#999;float:right}
.contacts-info{width:305px;height:360px;padding-top:0;background:#fff;font-weight:400;color:#000002}
.contacts-info>p{padding:0 30px;line-height:20px}
.contacts-info .c_header{font-size:13px;line-height:20px;padding:20px 0 20px 30px}
.contacts-info .c_support{padding:20px 30px 0 30px}
.contacts-info .c_tel{font-size:20px;padding:10px 30px}
.contacts-info hr{margin:15px 0;color:#f0f0f0;border:1px solid #f0f0f0}
.contacts-info .consult-list{margin:15px}
.contacts-info .consult-list p{width:135px;display:inline-block;line-height:25px}
.contacts-info .consult-list p img{margin:0;height:20px}
.contacts-info .consult-list p a{margin-left:5px;margin-bottom:10px;line-height:20px}
.contacts-info .consult-list i{display:inline-block;height:20px;width:20px;color:#005b9e}
.aside-item{margin-bottom:10px;background-color:#fff}
.aside-item h4{line-height:44px;background:#666;font-size:14px;text-align:center;color:#fff}
.aside-category ul li{text-align:left;height:50px;line-height:50px;margin:0 auto;border-bottom:1px solid #f5f5f5}
.aside-category ul li a{color:#2b2b2b;padding-left:17px;position:relative;display:block}
.aside-category ul li.active a{color:#005b9e}
.aside-category ul li.active i{width:6px;height:6px;border-radius:50%;background:#005b9e;position:absolute;right:18px;top:22px}
.new-serials ul li a{display:flex;align-items:center}
.new-serials ul li:last-child{border-bottom:none}
.new-serials ul li a img{display:inline-block;max-width:100px;max-height:60px;vertical-align:super}
.new-serials ul li a .product-desc{flex:1;display:inline-block;width:192px;padding:6px;line-height:20px;color:#656565;font-size:12px;}
.new-serials ul li:nth-child(2n) a .product-desc{background:#eee}
.new-serials ul li a .product-desc>p:first-child{font-weight:700;font-size:12px;}
.new-serials ul li span{color:#656565;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:66%;vertical-align:middle}
.pro-attach ul li{text-indent:20px;height:35px;line-height:35px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pro-attach ul li>span{color:#005b9e}
.pro-attach ul li button{float:right;padding-right:10PX}
.related-products{margin-bottom:10px}
.related-products .related-items{display:flex;justify-content:space-between;flex-wrap:wrap}
.related-products .related-items a{display:block;width:415px;border:1px solid #dfdfdf;height:110px;margin-top:6px}
.related-items .pro-item{display:flex;align-items:center;height:100%}
.related-items .pro-item img{max-width:120px;max-height:100px;display:inline-block}
.related-items .pro-item .desc-info{padding:5px}
.pro-item .desc-info p{color:#656565;line-height:20px;font-size:12px;}
.pro-item .desc-info p:first-child{font-weight:700}
.content-item{background-color:#fff;margin-bottom:20px}
.content-item h4{padding-left:30px;height:44px;line-height:44px;font-size:14px;background:#666;color:#fff}
.intros-info tr.table_title td{color:#005b9e;text-align:left}
.intros-info tr.table_title{height:26px;line-height:26px;color:#005b9e;font-weight:700;border-bottom:none;border-top:none;padding-left:21px;background:#fff}
.intros-info tr.table_title td:nth-child(1){text-align:left;padding-left:21px}
.intros-info td:nth-child(1){width:230px;color:#2b2b2b;text-align:right;padding-right:20px}
.intros-info td{height:27px;padding:6px 0}
.intros-info tr:nth-child(even){background:#eee}
.intros-info td:nth-child(2){padding-left:17px;border-right:none;color:#656565;text-align:left;width:auto}
.intros-info td{padding:6px 0}
.intros-info td{height:27px;border-right:1px solid #dfdfdf}
.aside-item .our-advantage{padding:20px 0}
.aside-item .our-advantage .swiper-slide{text-align:center}
.aside-item .our-advantage .swiper-slide img{max-width:285px}
.aside-item .swiper-slide p{padding:20px;text-align:left;text-indent:20px}
.aside-item .our-advantage .advantage-swiper-pagination{text-align:center}
.ver-box{display:none;position:fixed;z-index:10000;width:100%;height:100%;background:rgba(0,0,0,.4)}
.ie-ver-los{position:absolute;top:20%;left:calc(50% - 200px);padding:20px 30px;width:400px;height:150px;border-radius:10px;background:#005b9e}
.ie-ver-los .los-title{font-size:20px;color:#f1f1f1}
.ie-ver-los .los-btn-box{display:flex}
.ie-ver-los .los-btn-box .los-btn{margin-top:20px;margin-right:30px;width:120px;height:35px;background:#f1f1f1;line-height:35px;text-align:center;color:green}
.ie-ver-los .los-btn-box .los-btn:hover{color:#005b9e;font-weight:700;cursor:pointer}
body::-webkit-scrollbar{background:0 0}
body::-webkit-scrollbar,body::-webkit-scrollbar-thumb{width:8px;height:8px}
::-webkit-scrollbar{width:10px;height:10px;background-color:#fff}
html{font-size:10px;-webkit-tap-highlight-color:transparent}
html{-webkit-text-size-adjust:100%}
html{font-size:10px;-webkit-tap-highlight-color:transparent;box-sizing:border-box;-moz-box-sizing:border-box}
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body::-webkit-scrollbar{background:0 0}
body::-webkit-scrollbar,body::-webkit-scrollbar-thumb{width:8px;height:8px}
body::-webkit-scrollbar-thumb{border-radius:4px;background-color:rgba(87,93,108,.6)}
/*!**********公告***************!*/
div#notice{height:24px;background:rgba(228,233,236,.6);/*!*display:none;*!*/
 /*!*position:absolute;*/
 width:1200px;margin:0 auto}
div.notice_box{/*!*width:900px;*!*/
 height:24px;margin:0 auto;overflow:hidden}
div.notice_box>div{float:left;height:24px}
div.notice_box .notice_scroll{position:absolute;left:0;top:0;height:24px;padding:0 30px}
div.notice_box_left{width:40px;text-align:center}
div.notice_box_left img{width:16px}
div.notice_box_right{width:96%;overflow:hidden;position:relative}
div.notice_box p{line-height:24px;float:left;text-align:center;word-break:keep-all;white-space:nowrap;font-family:微软雅黑,serif}
#gongao{width:100%;height:24px;overflow:hidden;line-height:24px;vertical-align:-7px}
#scroll_div{height:24px;margin:0 auto;white-space:nowrap;overflow:hidden;color:#e00}
#scroll_div i{margin-right:50px;min-width:50%;display:inline-block}
#gongao #scroll_begin,#gongao #scroll_end{display:inline}
.row{display:flex}
.row-middle{display:flex;align-items:center;line-height:24px;}
.space-between{justify-content:space-between}
.column{display:flex;flex-direction:column}
.column-middle{display:flex;flex-direction:column;align-items:center}
.relative{position:relative}
.pd-x-1{padding-left:1rem!important;padding-right:1rem!important}
.mr-x-1{margin-left:1rem!important;margin-right:1rem!important}
.gray{color:#999!important}
.deep{color:#333!important}
.red{color:#005b9e!important}
.white{color:#fff!important}
.silver{color:#666!important}
.fz-sm{font-size:12px!important}
.bg-red{background-color:#005b9e!important}
.bg-white{background-color:#fff!important}
.bg-pink{background-color:#fff3f3!important}
.bg-gray{background-color:#999!important}
.br-gray{border-color:#999!important}
.br-red{border-color:#005b9e!important}
.table-text-btn {
    display: inline-block;
    padding: 2px 4px;
    width: auto;
    font-size: 12px;
    text-align: center;
    background-color: inherit;
    cursor: pointer;
	height:20px;
    line-height:20px;
}